/*
Theme Name: Hope-Site
Theme URI: http://wordpress.org/
Description: News Blog Template
Author: the WordPress team
Version: 1.0
*/

@import url(fonts/bebasneue/stylesheet.css);

/*==============================================================*/
/*                      1.Reset Elemens                         */
/*==============================================================*/
*{margin:0;padding:0;}
body{font:14px Georgia, arial, sans-serif;color:rgb(0,0,0);text-align:left;line-height:20px;vertical-align: baseline;background:#fff;}
img{border:0;vertical-align:top}
a{text-decoration:none;color:#e30040;cursor:pointer;}
a:hover{text-decoration:underline;}
:focus{ outline:0;}

/* Heading */
h1,h2,h3,h4,h5,h6 {clear:both;color:#131313;}
h1{font-family:Georgia;font-size:24px;line-height:24px;font-weight:normal}
h2{font-family:Georgia;font-size:20px;line-height:20px;font-weight:normal}
h3{font-family:Helvetica;font-size:18px;line-height:28px;font-weight:normal}
h4{font-family:Helvetica;font-size:14px;line-height:14px;font-weight:normal}
h5{font-family:arial;font-size:14px;line-height:14px;font-weight:normal}
h6{font-family:Georgia;font-size:12px;font-weight:normal}

/* Form */
form{display:inline;}

/* Table */
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:100%;}/* tables still need 'cellspacing="0"' in the markup */

/* List */
ul{list-style:none;}

/* Content */
/*p{margin-bottom:14px;}*/
blockquote {quotes:none;}
blockquote:before, blockquote:after {content:'';}
del {text-decoration:line-through;}

/* Form Elements */
input,select,textarea{font-family:arial;font-size:11px;color:#717171;vertical-align:middle;}
select {padding:1px;}
select option {padding-right:10px;}
textarea {overflow:auto;}
button.button::-moz-focus-inner {padding:0;border:0;/* overrides extra padding in Firefox */} /* FF Fix */
button.button {-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */
button.button, a.button {overflow:visible;/* removes extra side padding in IE */width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;}
button.button span, a.button span {display:block;text-align:center; white-space:nowrap; padding:0 0 0 4px;width:auto;background-position:0 0;background-repeat:no-repeat;}
button.button span span, a.button span span {font-family:Arial;font-weight:bold;background-position:100% 100%;}
a.button{display:inline-block;float:left;}

/* Others */
.screen-reader-text {position: absolute;left: -9000px;}
.edit-link{display:none;}
.clear, .clearboth {clear:both;width:100%;height:0px!important}
.noimage{margin-left:0;}

img:hover {opacity:0.9;
filter:alpha(opacity=90);}

/*==============================================================*/
/*                         2.Layout                             */
/*==============================================================*/
#wrapper {background:url(images/background.png) repeat}

/*==============================================================*/
/*                         3.Header                             */
/*==============================================================*/
#header {width:975px;margin:0 auto}
#header #masthead {overflow:hidden;padding:15px 0 0;margin:0 0 15px;}
#header .logo {display:inline;overflow:hidden;float:left;width:585px}
#header .logo > span {display:inline-block;color:rgb(255,255,255);background:rgb(0,0,0);font-family:BebasNeueRegular;font-size:36px;
                        line-height:38px;margin:60px 0 0;padding:0 5px;}
#header .logo > span > span {color:rgb(255,221,0)}

.god-speak  {margin:30px 0 0;}
.god-speak > span {font-family:BebasNeueRegular;font-size:30px;text-transform:uppercase;margin:35px 0 5px}
.god-speak .morning {color:#000;}
.god-speak .afternoon {color:rgb(246,95,95)}
.god-speak .evening {color:rgb(255,221,0)}
.god-speak-list .item {display:none;}
.god-speak-list .item.show {display:block;}
.god-speak-list .content,.god-speak-list .title  {font-family:Courier New;font-size:12px;line-height:20px;color:rgb(35,31,32);text-decoration:underline;margin:5px 0 0;}
.god-speak-list .title {font-weight:bold;}

/*==============================================================*/
/*                         4.Contents                            */
/*==============================================================*/
#main {width:975px;margin:0 auto}

/*==============================================================*/
/*                         5.Widgets                            */
/*==============================================================*/

/*==============================================================*/
/*                         6.Footer                             */
/*==============================================================*/
#footer {width:975px;margin:0 auto;clear:both;}

/*==============================================================*/
/*                         7.Home page                          */
/*==============================================================*/
/*slider */


/* best blog container */
.best-blog-containner{height:375px;width:393px;background:url("images/bg-bot-slider.png") repeat-x scroll left bottom transparent;float:left;position:relative}
#best-of-blog-slider{height:303px;width:372px}
#best-of-blog-slider > li{position:relative}
.best-blog-containner .backgorund-test{background:url(images/bg-best-blog.png) repeat top left;width:372px;height:303px;position:absolute;top:36px;left:10px;z-index:0}
.width-height-181-120{width:181px;height:120px}
.width-height-191-183{width:191px;height:183px}
.width-height-181-183 {width:181px;height:183px}
.width-height-191-120 {width:191px;height:120px}
.best-blog-slider-item{position:relative}
.best-blog-slider-item .post-title{position:absolute;bottom:20px;left:10px;font-size:20px;color:#fff;z-index:1000000000000}
.best-blog-containner .arrow{bottom:-33px!IMPORTANT}
.current-bar-best-blog{position:absolute;bottom:5px;left:20px;font-size:10px}












.home-list-posts{padding-top:10px}
.anythingSlider-default .anythingWindow {border:0!important}
.best-blog-containner h3 {display:inline-block;width:381px;font-family:BebasNeueRegular;font-size:24px;line-height:33px;border-top:3px solid rgb(0,0,0);margin:0 0 0 12px}
.left-top{position:absolute;top:0px;left:0px}
.bottom-left{position:absolute;bottom:0px;left:0px}
.bottom-right{position:absolute;bottom:0px;right:0px}
.top-right{position:absolute;top:0px;right:0px}

/* main slider */
.main-slider {width:580px;float:left;border-top:3px solid rgb(0,0,0);height:371px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
#main-slider{width:580px;height:375px}
#main-slider .post-tite{min-height:75px}
#main-slider .post-tite a{padding-top:5px}
.main-slider .anythingSlider {padding:0!important;height:385px!important}
.main-slider .post-tite a {width:100%;font-family:Georgia;font-size:27px;line-height:30px;color:rgb(0,0,0);padding:0px 10px}
.main-slider .except {display:block;font-family:Georgia;font-size:14px;font-style:italic;color:rgb(170,170,170);border-top:1px solid rgb(204,204,204);margin:0 auto;width:560px}
.main-slider .anythingControls{overflow:hidden;position:absolute;top:240px;right:5px}
.main-slider .thumbNav li a{text-indent:-999em;font-size:0px;background:url(images/bg-slider-nav.png) no-repeat center center;width:11px!important;height:11px!important;display:block!important}
.main-slider .thumbNav li a.cur{text-indent:-999em;font-size:0px;background:url(images/bg-current-slider-nav.png) no-repeat center center;width:11px;height:11px;}
.main-slider .thumbNav li {width:11px;height:11px;float:left;margin-left:5px}
/* world view */
#world-view-slider{width:247px;height:318px!important}
.world-view-containner {position:relative;width:247px!important;height:345px!important;margin:0;margin-right:0px!important;border:none!important;margin-top:0px!important}
.world-view-containner .world-view-title{font-size:18px;color:#848484;font-family:BebasNeueRegular;line-height:24px}
.world-view-containner .anythingSlider{padding:0px!important;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:3px solid #000;background:url(images/bg-bot-slider.png) repeat-x bottom left}
.world-view-slider-item{overflow:hidden;border-bottom:1px solid #ccc;margin:10px auto;width:227px;}
.world-view-slider-item.last{border-bottom:none!important}
.world-view-slider-item a.thumbnails{float:left;display:block;width:79px;height:53px;}
.world-view-slider-item .info{float:left;width:138px;padding-left:10px}
.world-view-slider-item .info .post-title{color:#000;font-size:13px}
.world-view-slider-item .info .source{color:#818181;font-size:10px}
.current-bar-world-view{position:absolute;bottom:5px;left:15px;font-size:10px}
 .back{position:absolute;bottom:1px;right:50px;font-size:10px;*bottom:5px;}
.forward{position:absolute;bottom:1px;right:15px!important;font-size:10px;*bottom:5px;}
.arrow.back{background:url(images/bg-arrow-center.png) no-repeat right center;padding-right:10px}
.arrow.back a{background:url(images/bg-arrow-back.png) no-repeat left center;padding-left:10px;line-height:10px;color:#fff}
.arrow.forward a{background:url(images/bg-arrow-foward.png) no-repeat right center;padding-right:10px;line-height:10px;color:#000}
.arrow {padding-bottom:2px}

/* recent post */
h3.home-bar-title{color:#c0c0c0;font-family:BebasNeueRegular;background:url(images/bg-title.png) no-repeat top left;height:35px;line-height:35px;margin-top:15px}
h3.home-bar-title span{padding-left:10px}
.home-list-posts > li {width:225px;height:320px;float:left;margin-top:24px;margin-right:22px;border:1px solid #ccc;}
.home-list-posts > li.home-blog-item:hover {box-shadow : 0 0 10px rgba(8, 22, 37, 0.3)}
.home-list-posts > li.home-blog-item-no-margin{margin-right:0px}
li.home-blog-item > div {padding:11px}
li.home-blog-item  .thumbnail{display:block;width:220px;height:132px}
li.home-blog-item .post-title a{font-size:20px;color:#000;font-family:Georgia}
li.home-blog-item .short-content{font-size:12px;color:rgb(61,61,61);font-family:Georgia}
li.home-blog-item .post-descript{font-size:10px;color:#828282;font-family:Georgia;font-style:italic;border-bottom:1px solid #d9d9d9}
.post-descript .subject{padding-right:5px}
.no-margin-right{margin-right:0px!important}
.post-item-content .cat-list{font-size:10px;text-transform:uppercase;font-family:arial;float:left;padding-right:15px}
.cat-list.RELATIONSHIPS{color:#e700fc;background:url(images/bg-relationship.png) no-repeat center right;}
.cat-list.FAITH{color:#0075bf;background:url(images/bg-faith.png) no-repeat center right;}
.cat-list.MUSIC{color:#84be2c;background:url(images/bg-music.png) no-repeat center right;}
.cat-list{font-size:10px;color:#000;background:url(images/bg-another-cat.png) no-repeat center right;}
/*HUMOR ME*/
.humor-me-containner{float:left!important;width:476px!important;height:344px!important;margin-right:22px!important;border-bottom:1px solid #ccc!important;position:relative!important;border-top:none!important;border-left:none!important;border-right:none!important;margin-top:0px!important}
.humor-me-containner .anythingSlider{border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:3px solid #000;}
.humor_me-title{font-size:18px;color:#848484;font-family:BebasNeueRegular;line-height:24px}
#humor_me-slider{width:475px;height:317px}
.humor-me-containner .anythingSlider{background:url(images/bg-bot-slider.png) repeat-x bottom left}
.current-bar-humorme{position:absolute;bottom:5px;left:15px;font-size:10px}

/* video */
#video-slider{width:247px;height:318px!important}
.video-containner {position:relative;width:247px!important;height:345px!important;margin:0;margin-right:0px!important;border:none!important;margin-top:0px!important}
.video-containner .video-title{font-size:18px;color:#848484;font-family:BebasNeueRegular;line-height:24px}
.video-containner .anythingSlider{padding:0px!important;border-left:1px solid #ccc;border-right:none;border-bottom:1px solid #ccc;border-top:3px solid #000;background:#000 url(images/bg-bot-slider.png) repeat-x bottom left}
.video-slider-item{overflow:hidden;margin:10px auto;width:227px!important;}
.video-slider-item .info .post-title{color:#fff;font-size:20px}
.video-slider-item .info .shortcontent{color:#4f4f4f;}
.video-slider-item .name-user{color:#4f4f4f;font-size:10px}
.video-slider-item .thumbnails{display:block;width:227px;height:175px}
.current-bar-video{position:absolute;bottom:5px;left:15px;font-size:10px}
/*load more*/
.load-more a{display:block;width:84px;height:27px;float:right}
.load-more{overflow:hidden;background:url('images/line-loadmore.png') no-repeat left center}

/* single page*/
.single-content{float:left;width:724px;border-top:5px solid #000;overflow:hidden}
.single #main{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden}
.single .side-bar{float:left;border-left:1px solid #ccc;width:250px;border-top:1px solid #ccc;}
.left-single-content{float:left;width:120px}
.main-single-content{float:right;width:580px}
.main-single-content .time-and-comment{border-top:1px dotted #000;border-bottom:1px dotted #000;height:23px;line-height:23px!important;font-family:arial;font-size:11px;color:#000}
.main-single-content h1.post-title{font-size:26px;color:#000;line-height:50px}
.main-single-content .post-content{padding-right:10px;padding-top:10px}
.left-single-content .thumbnail{border-top:1px dotted #000;margin-top:30px;padding:10px}
.left-single-content .cat-list{font-family:arial;font-size:11px;padding-left:7px}
.time-and-comment > span{display:block;float:left;margin-right:10px}
span.comments{overflow:hidden}
.comments .number{font-size:10px;color:#fff;background:url(images/bg-comment-num.png) no-repeat bottom left;display:block;width:19px;text-align:center;float:left;height:21px;line-height:22px;margin-right:10px}
/*tabs*/
.ui-tabs-hide{display:none}
#tabs{padding:3px}
#tabs >ul {overflow:hidden;border-bottom:3px solid #000}
#tabs >ul>li {overflow:hidden;float:left;display:block;height:24px;line-height:24px;margin-left:6px;padding:0px 11px;background:#ededed}
#tabs >ul>li.first{margin-left:0px}
#tabs >ul>li a{font-size:10px;color:#000;font-family:arial;display:block;text-align:center;text-decoration:none}
li.ui-tabs-selected{background:#000!important}
li.ui-tabs-selected a{color:#fff!important}
.tabs-list li {border-bottom:1px solid #ccc;padding:10px 0px 16px 0px}
.tabs-list li a{color:#000;font-size:12px;font-family:arial;background:url(images/bg-tabs-item.png) no-repeat bottom left;padding-bottom:10px}
.tabs-list li.first a{background:url(images/bg-tabs-item-first.png) no-repeat bottom left}
.tabs-list .numly{font-family:arial;font-size:20px;color:#fccfcf;font-weight:bold;padding-right:15px;padding-left:3px;float:left;line-height:30px}
/*comments*/
#comments{border-top:1px solid #ccc}
/*footer*/
#footer{padding-bottom:40px}
.wrap {overflow:hidden;height:66px}
.flickr-title{font-family:BebasNeueRegular;color:#848484;font-size:18px;padding:5px 0px}
.flickr_badge_image{float:left;width:100px;height:66px;overflow:hidden}
.flickr-containner {position:relative}
.flickr-containner .arrow{position:absolute;top:27px;width:8px;height:8px}
.flickr-containner .arrow a{background:none!important}
.flickr-containner .arrow a span{text-indent:-999em;font-size:0px}
.flickr-containner .back{left:-22px;background:url(images/back-flickr.png) no-repeat center left;}
.flickr-containner .forward{right:-22px!important;background:url(images/forward-flickr.png) no-repeat center left;}
#colophon{overflow:hidden;margin-top:20px}
.footer-logo{overflow:hidden;float:left}
.footer-logo a{display:block;float:left}
.footer-logo .footer-link{float:left;margin-left:10px;padding-top:60px}
.footer-link .sologan{font-family:BebasNeueRegular;font-size:36px;line-height:38px;color:#fff;background:#d2d2d2;padding:0px 10px}
.footer-link .sologan span{color:#8b8b8b}
.right-footer-logo{float:right;padding-top:30px}
/*register page*/
.padder{border-top:5px solid #000}
#register-page{overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#register-page > form{float:left;}
#register-page > form > *{padding-left:105px}
#register-page #signup_form{width:484px}
#register-page #sidebar-login-form{width:478px}
#register-page input{width:267px;height:38px;border:1px solid #ccc;display:block;}

#register-page > form > h2{font-size:36px;color:#000;font-family:BebasNeueRegular}
#register-page > form label{color:#000;font-size:11px;font-family:arial}
/*user page*/
#result{/*display:none*/}
.top-bar-link{border-top:5px solid #000;overflow:hidden;border-bottom:1px solid #000;height:35px;line-height:35px}	
.top-bar-link a{display:block;float:left;font-family:BebasNeueRegular;color:#000;font-size:18px;text-decoration:none;padding:0px 15px}
.top-bar-link a.home_tab{float:right}
.page #container{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.page #container #content .content{padding:15px}
.aggregator_content{width:600px;color:#000}
label.enter_url{display:block}
.aggregator_content input {height:30px;border:1px solid #ccc}
#aggregator_result .select_container{height:30px;border:1px solid #ccc;padding-top:5px;margin-bottom:10px}
input.website_url{width:510px;padding-left:10px;font-family:Georgia;color:#000;font-size:12px}
input.submit_url{background:#ffdd00;font-family:BebasNeueRegular;color:#000;font-size:18px;padding:0px 7px;border:1px solid #ffdd00;height:32px;cursor:pointer}
.aggregator_content #result{overflow:hidden;margin-top:10px}
.aggregator_content #result .left{float:left;width:240px}
.aggregator_content #result .right{float:left;width:352px}
#aggregator_result .select_container select{border:none;background:none;width:340px;font-family:Georgia;color:#000;font-size:12px}
#aggregator_result label{display:block;font-family:Georgia;color:#000;font-size:12px}
#post_aggregator_title{width:352px}
#post_aggregator_content{width:352px;height:200px;font-family:Georgia;color:#000;font-size:12px}
.some_note_submit{overflow:hidden;margin-top:10px}
.some_note_submit > p{float:left;width:290px}
.some_note_submit > p > span{display:block;font-size:11px;color:#000;font-style:italic}
#submit_post_end{height:40px;background:#ffdd00;padding:0px 7px;border:none;font-family:BebasNeueRegular;color:#000;font-size:18px}








